<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>TK科技有限公司-首页</title>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_710021_a4fszs1qax.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<header>
			<div class="hotline_1">
				<div class="hotline">
					<span>全国服务热线：400-000-0000</span>
					<a href="#">加入收藏</a>
					<a href="#">设为首页</a>
				</div>
			</div>
			<div class="box">
				<div class="logo">
					<img src="img/index/logo.png" />
					<h1>TK科技有限公司</h1>
					<p>cer dcd keo Holdings Co., Ltd.</p>
				</div>

				<div class="nav">
					<ul>
						<li>
							<a href="index.html">
								<p>首页</p>
								<p>Home</p>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<p>关于我们</p>
								<p>About</p>
							</a>
						</li>
						<li>
							<a href="product.html">
								<p>产品中心</p>
								<p>Products</p>
							</a>
						</li>
						<li>
							<a href="#">
								<p>服务支持</p>
								<p>Service</p>
							</a>
						</li>
						<li>
							<a href="#">
								<p>新闻中心</p>
								<p>News</p>
							</a>
						</li>
						<li>
							<a href="#">
								<p>在线商店</p>
								<p>Shop</p>
							</a>
						</li>
						<li>
							<a href="#">
								<p>联系我们</p>
								<p>ContactUs</p>
							</a>
						</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>

		</header>
		<div class="clear"></div>
		<!--轮播图-->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="img/index/banner.jpg" />
				</div>
				<div class="swiper-slide">
					<img src="img/index/banner.jpg" />
				</div>
				<div class="swiper-slide">
					<img src="img/index/banner.jpg" />
				</div>
				<div class="swiper-slide">
					<img src="img/index/banner.jpg" />
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
		<section>

			<div class="product">
				<div class="news">
					<div class="news_logo">
						<img src="img/index/icon6.png" />
						<p>新闻中心</p>
						<p>NEWS.CENTER</p>
						<img src="img/index/tiao.png" />
						<div class="triangle"></div>
					</div>
					<div class="clear"></div>
					<p>CeBIT 2015</p>
					<img src="img/index/pic1.jpg" />
					<p>创新ICT共建全联接世界德国汉诺威展览中心</p>
					<p>3月16日-20日</p>
					<div class="clear"></div>
					<img src="img/index/bg.png" />
					<ul>
						<li>上海国际智能建筑展览会</li>
						<li>2014德国柏林国际消费类电子产品展览会</li>
						<li>2014中国（贵阳）公告安全防范产品博览会</li>
					</ul>
				</div>

				<div class="news_p">
					<div class="news_logo_1">
						<img src="img/index/icon7.png" />
						<p>新品发布</p>
						<p>NEW.PRODUCTS</p>
						<img src="img/index/tiao.png" />
						<div class="triangle_1"></div>
					</div>
					<div class="clear"></div>
					<img src="img/index/prev.png" />
					<img src="img/index/pic2.jpg" />
					<img src="img/index/next.png" />
					<div class="clear"></div>
					<p>s6213w-y</p>
					<p>海思3518E方案，多码流技术，百万高清</p>
					<div class="clear"></div>
				</div>

				<div class="news_info">
					<div class="news_logo_2">
						<img src="img/index/icon8.png" />
						<p>品牌介绍</p>
						<p>INFORMATION</p>
						<img src="img/index/tiao.png" />
						<div class="triangle_2"></div>
					</div>
					<div class="clear"></div>
					<img src="img/index/pic3.jpg" />
					<div class="clear"></div>
					<div class="info">
						<p>"siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
				<!--<div class="aboutUs">
					<div class="about">
						<p>关于我们</p>
						<p>STORE DISPLAY</p>
					</div>
				</div>-->
				<div class="aboutUs">
					<img src="img/index/guan_03.jpg" />
				</div>

				<div class="about_info">
					<p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品持续为客户创造最大价值。 </p>
					<div class="lunbo">
						<div class="lunbo1">
							<img src="img/index/0112.jpg"/>
						</div>
						<div class="lunbo2">
							<img src="img/index/0113.jpg"/>
						</div>
						<div class="lunbo3">
							<img src="img/index/0111.jpg"/>
						</div>
						<div class="lunbo4">
							<img src="img/index/0114.jpg"/>
						</div>
						<div class="lunbo5">
							<img src="img/index/0115.jpg"/>
						</div>
					</div>
				</div>

				<img src="img/index/guanyu_06.jpg" / class="pic1">
			</div>

			<div class="lianxi">
				<div class="lianxi_left">
					<div class="weixin">
						<img src="img/index/erweima.jpg" />
						<p>微信扫一扫</p>
						<p>关注我们相关的信息</p>
					</div>
					<i class="iconfont icon-dianhua iconColor"></i>
					<p>服务热线：400-000-0000</p>
					<i class="iconfont icon-rencai iconColor"></i>
					<p>联 系 人：某先生</p>
					<i class="iconfont icon-youjian iconColor"></i>
					<p>公司邮箱：www.tk.com</p>
					<i class="iconfont icon-chuanzhen iconColor"></i>
					<p>公司传真：000-12345678</p>
					<i class="iconfont icon-63 iconColor"></i>
					<p>邮政编码：467000</p>
					<i class="iconfont icon-dingwei iconColor"></i>
					<p>公司地址：广州市某某区某某路某号</p>
					<img src="img/index/ditu.jpg" />
				</div>
				<div class="lianxi_right">
					<p>昵称</p>
					<input type="text" />
					<p>联系电话</p>
					<input type="text" />
					<p>电子邮箱</p>
					<input type="text" />
					<p>内容</p>
					<textarea></textarea>
					<button>提交</button>
				</div>
			</div>
			<div class="clear"></div>

		</section>

		<footer>
			<div class="guanzhu1">
				<div class="guanzhu">
					<p>关注我们:</p>
					<a href=""><i class="iconfont icon-weibo iconColor_1"></i></a>
					<a href=""><i class="iconfont icon-qq iconColor_1"></i></a>
					<a href=""><i class="iconfont icon-weixin iconColor_1"></i></a>
					<ul>
						<li>
							<a href="#">网站首页 ·</a>
						</li>
						<li>
							<a href="#">新闻动态 ·</a>
						</li>
						<li>
							<a href="#">关于我们 ·</a>
						</li>
						<li>
							<a href="#">团队风采 ·</a>
						</li>
						<li>
							<a href="#">联系我们 ·</a>
						</li>
						<li>
							<a href="#">在线留言</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="beian1">
				<div class="beian">
					<p>©2015 TK科技有限公司 版权所有沪ICP证13022560号-7 All Rights Reserved</p>
				</div>
			</div>

		</footer>

		<script src="js/swiper-4.3.3.min.js"></script>
		<script>
			var mySwiper = new Swiper('.swiper-container', {
				autoplay: true,
				pagination: {
					el: '.swiper-pagination',
				},
			})
			//鼠标滑过pagination控制swiper切换
			for(i = 0; i < mySwiper.pagination.bullets.length; i++) {
				mySwiper.pagination.bullets[i].index = i
				mySwiper.pagination.bullets[i].onmouseover = function() {
					mySwiper.slideTo(this.index);
				};
			}
		</script>

	</body>

</html>